<template>
  <div class="cart">
    <cartnavbarshow class="cart-navbar"></cartnavbarshow>
    <scroll class="cartcontent" :pullUpLoad="true" :probeType="3" ref="scroll">
      <cartList></cartList>
    </scroll>
    <cartBottomBar class="cartBottomBar"></cartBottomBar>
  </div>
</template>

<script>
import cartnavbarshow from "@/views/cart/chil/cartnavbarshow";
import scroll from "components/common/scroll/scroll.vue";
import CartList from "views/cart/chil/CartList";
import CartBottomBar from "@/views/cart/chil/CartBottomBar";

export default {
  name: "cart",
  activated() {
    this.$refs.scroll.scroll.refresh();
  },
  components: {
    cartnavbarshow,
    scroll,
    CartList,
    CartBottomBar,
  },
};
</script>

<style scoped>
.cart {
  height: 100vh;
  overflow: hidden;
}
.cartcontent {
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  bottom: 89px;
}
.cart-navbar {
  position: relative;
  z-index: 9999;
  background-color: var(--color-tint);
  color: #fff;
  font-weight: 700;
}
.cartBottomBar{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 49px;
}
</style>